<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>My JSP 'index.jsp' starting page</title>
		<script type="text/javascript" src="/estate/js/jquery-1.2.2.pack.js"></script>
		<script type="text/javascript" src="/estate/js/json.js"></script>
   	 <script type="text/javascript" src="/estate/js/jquery-1.3.min.js"></script> 
		<script type="text/javascript" src="/estate/ckeditor/ckeditor.js"></script>
		<link rel="stylesheet" type="text/css"
			href="/estate/css/MyDeskCalender.css"></link>
		<script type="text/javascript" src="/estate/js/MyDeskCalender.js"></script>
		<script type="text/javascript" src="/estate/js/lhgcore.js"></script>
		<script type="text/javascript" src="/estate/js/lhgcalendar.js"></script>
		<script type="text/javascript">
		J.califrm = true;
		function change(){
			$.get(
		      'testAction.action?method=ajax',
		     null,
		      function(data) //回传函数
		      {
		      var list=eval("("+data+")");
		       var select=document.getElementById("ajaxContent");
		       document.all.select.options.length=0;
		       var option=document.createElement("option");
		       
		       　for(var i=0;i<list.length;i++){
				
 　　　　			for(var key in list[i]){

				option.text=key;
		       option.value=list[i][key];
         		select.add(option);

        } 

 　　}
		      }
		    );
		}
		function change2(){
			$.ajax({
                 type: "get",
                 url: "testAction.action?method=ajax",
                 dataType: "json",
                 success: function (data) {
                    // $("input#showTime").val(data[0].demoData);
                    alert("back");
                 }
               });
		}
		</script>

	</head>

	<body> 
	测试ajax
<select id="ajaxTest" onchange="change()">
	<option >ajax</option>
	<option>test</option>
</select>
<select id="ajaxContent">
</select>
<br><br>
		This is my JSP page. 
		<br>
		<a href="testAction.action?test=test">测试添加</a>
		<a href="testAction.action?method=list">测试翻页</a>
		<br />
		<br />
		测试台历
		<div style="width: 289px; height: 250px;">
			<div id=controlBar>
				<span class=controlButton cmd=py title=上一年>33</span>
				<span class=controlButton cmd=pm title=上一月>3</span>
				<span id=titleYear></span>
				<span class=controlButton cmd=nm title=下一月>4</span>
				<span class=controlButton cmd=ny title=下一年>44</span>
			</div>
			<div id=weekNameBox></div>
			<div id=calendarBox></div>
		</div>
		<br />
		
		<br />
		测试日历
		<input type="text" id="c1" onclick="J.calendar.get();" />
		<br />
		<br />
		测试编辑器
		<div style="width: 60%">
			<textarea class="ckeditor" cols="80" id="editor1" name="editor1"
				rows="10">

	
	
	<!--start of lightbox test -->
	<script type="text/javascript">
	function showlightbox(ShowUrl)
	{
		document.getElementById('lightbox-content').style.display='block';
		document.getElementById('lightbox-bg').style.display='block';
		if(ShowUrl!='')
		{
		document.getElementById('lightbox-iframe').src=ShowUrl;
		}
	}
	function closelightbox()
	{
		document.getElementById('lightbox-content').style.display='none';
		document.getElementById('lightbox-bg').style.display='none';
		document.getElementById('lightbox-iframe').src='about:blank';
	}
	</script>
	<style>
		#lightbox-content{position:absolute;height:370px;width:470px;margin:-250px 0px 0px -250px;top: 50%;left: 50%;text-align: right;background-color: #FFF;border: 1px solid #000;display:none;z-index:100;overflow:hidden;padding:10px 10px 40px 10px;}
		#lightbox-content p{ margin-top:8px;}
		#lightbox-bg{position:absolute;top:0;left:0;z-index: 90;background:#000;display:none;width:100%;height:100%;_height:2000px;filter:alpha(opacity=70);-moz-opacity:0.6;opacity:0.6;}
	</style>
	<!-- end of lightbox test -->
  
  
  <body>
    This is my JSP page. <br>
    	<a href="testAction.action?test=test">测试添加</a>
    	<a href="testAction.action?method=list">测试翻页</a>
    <br/><br/>
          测试台历
    <aside class="column width2">
					<div id="rightmenu">
						<header>
							<script type="text/javascript">
                                     <!--
                              document.writeln("<div id='calenderdiv' style>日历加载中...</div>");
                              //调用函数
                              calender("","")
                              //-->
                             </script>
                             
						</header>
						
					</div>
					
	</aside>
    <br/><br/>
           测试日历
    <input type="text" id="c1" onclick="J.calendar.get();"/>
    <br/><br/>
	测试编辑器
	<div style="width:60%">
		<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">
>
	                这里是内容
	    </textarea>

		</div>
	</body>

    </div>
    <br/>
    测试悬浮窗口
    <a href="javascript:void(0)" onclick="showlightbox('/estate/admin/infoManage/newProject.html')">打开窗口</a>
    <div id="lightbox-bg"></div>
	<div id="lightbox-content">
    <iframe id="lightbox-iframe" width="100%" frameborder="0" scrolling="no" src="about:blank" height="100%" ></iframe> 
     <p><a href="javascript:void(0)" onclick="closelightbox()">关闭</a></p> 
    </div>
<br/><br/>


  </body>

</html>